<template>
    <div class="newsinfo-container">
<!--        大标题-->
        <h3 class="title">新闻详情</h3>
<!--        子标题-->
        <p class="subtitle">
            <span>发表时间：</span>
            <span>点击 ： 0次</span>
        </p>
        <hr>
<!--        内容区域-->
        <div class="content"></div>

<!--        评论子组件区域-->
        <comment-box></comment-box>
    </div>
</template>

<script>
    //导入 评论子组件
    import comment from './comment.vue';
    export default {
        name: "newsInfo",
        data(){
            return {
                id : this.$route.params.id,//将URL 地址中传递过来的 Id 值挂载到 data 上，方便以后调用
            };
        },
        methods: {},
        components : {
            //用来注册子组件的节点
            "comment-box":comment,
        }
    }
</script>

<style scoped lang="scss">
    .newsinfo-container{
        padding: 0 4px;
        .title{
            font-size: 16px;
            text-align: center;
            margin: 15px 0;
            color: red;
        }
        .subtitle{
            font-size: 13px;
            color: #226aff;
            display: flex;
            justify-content: space-between;
        }
        .content{}
    }
</style>